<template>
  <div class="sub-title">
    <span class="title">{{ subTitle }}</span>
  </div>
</template>
<script lang="ts" setup>
defineProps({
  subTitle: {
    type: String,
    default: "",
    required: true,
  },
})
</script>
<style lang="scss">
.sub-title {
  display: flex;
  align-items: center;
  height: 40px;
  line-height: 40px;
}
.title {
  display: flex;
  align-items: center;
  font-size: 18px;
  margin: auto 0;
  height: 20px;
  padding: 0 10px;
  border-left: 6px solid $theme-color;
}
</style>
